<!DOCTYPE html>
<html>
    <head>
        <script type="module" src="test.js"></script>
    </head>
    <body>
        <canvas id="jsfc_canvas" width="256" height="240"></canvas>
        <canvas id="pattern_canvas" width="128" height="128"></canvas>
        <!-- <table id="opcode_table">
            <tr><th>指令</th></tr>
        </table> -->
        <div>
            调试模式：
            <input id="debug1" type="radio" name="debugMode" value="off" checked onchange="setDebugMode()"/>关闭
            <input id="debug2" type="radio" name="debugMode" value="on" onchange="setDebugMode()"/>开启
            <button id="runByFrame" onclick="runByFrame()">逐帧前进</button>
            <button id="reload" onclick="reload()">重启</button>
            <button id="showDebugStatus" onclick="showDebugStatus()">调试信息</button>
            <button id="runByStep" onclick="runByStep()">按指令前进</button>
        </div>
        <div id="debug_window">
            Program Counter(PC)<input id="pc">
            Stack Pointer(SP)<input id="sp">
            Processor Status(PS)<input id="ps">
            Memory:
            <br><textarea id="memory" style="width: 500px;height: 500px;"></textarea>
        </div>
    </body>
</html>